
<!DOCTYPE html>
<html>

<head>

  <meta charset="UTF-8">

  <title>Very Simple Slider - CodePen</title>

    <link rel="stylesheet" href="resources/css/slider.css" media="screen" type="text/css" />

</head>

<body>

  <h1>Bienvenido</h1>
<div id="slider">
  <a href="#" class="control_next">>></a>
  <a href="#" class="control_prev"><</a>
  <ul>
      <li><img src="resources/img/slider-1.jpg"></li>
    <li style="background: #aaa;"><img src="resources/img/slider-2.jpg"></li>
    <li><img src="resources/img/slider-3.png"></li>
    <li style="background: #aaa;"><img src="resources/img/slider-4.jpg"></li>
  </ul>  
</div>


  <script src='http://codepen.io/assets/libs/fullpage/jquery.js'></script>

  <script src="resources/js/index.js"></script>

</body>

</html>